@media (min-width: 1200px) {
  .container {
    width: 1030px;
  }
}

@media (max-width: 768px) {
  .class_header .class_header_container .class_info .info_meta {
    position: static;
    margin-top: 30px;
  }
  .class_header .class_header_container .class_btn a {
    margin-top: 10px;
    height: 50px;
  }
  .classify {
    .left_half, .right_half {
      padding-right: 15px;
      padding-left: 15px;
    }
  }
  .popular {
    .popular_col {
      padding-right: 15px;
      padding-left: 15px;
      .desc {
        h4 {
          font-size: 15px;
        }
      }
    }
  }
  .vip_popluar {
    #index_vip_slide {
      .class_block {
        width: 48%;
        .title {
          font-size: 15px;
        }
        .desc {
          font-size: 12px;
        }
        .see_desc {
          font-size: 10px;
        }
      }
      .arrow {
        &.left {
          left: 32%;
        }
        &.right {
          right: 32%;
        }
      }
    }
  }
  .cooperation {
    .logo_row img {
      width: 20%;
      margin: 5%;
    }
    #index_logo_slide {
      .arrow {
        &.left {
          left: 5%;
        }
        &.right {
          right: 5%;
        }
      }
    }
  } 
  .special {
    .row {
      margin: 0;
    }
  }
  .class_header .class_header_container .class_btn.normal {
    height: 340px;
  }
}

@media (min-width: 992px) {
  .special .row .col-md-6{
    &:first-child {
      padding-right: 30px;
    }
    &:last-child {
      padding-left: 30px;
    }
  }
  .class_detail_content {
    min-height: 872px;
  }
}